<template>
  <div class="footer fixed">
      <ul>
        <li>
          <router-link to="/">首页</router-link>
        </li>
        <li>
          <router-link to="/manage">人员管理</router-link>
        </li>
      </ul>
  </div>
</template>
<!--在<style>标签添加scoped声明样式作用域，不污染全局,允许应用到其父元素及子元素
如果父组件也设置了 scoped,则父组件的样式是唯一的，就不会作用其他组件样式-->
<style scoped>
  li a{
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .footer{
    width: 100%;
    /*height: 100%;*/
    bottom: 0;
    position: absolute;
  }
  ul{
    /*display: flex;*/
    height: 100%;
    line-height: 50px;
  }
  ul li{
    flex: 1;
    background-color: #f1f1f1;
    float: left;
    width: 50%;
  }
</style>
